<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>蜗壳后台管理系统</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">

		<!-- 引入样式 -->
<!--		<link rel="stylesheet" href="https://unpkg.zhimg.com/element-ui/lib/theme-chalk/index.css">-->
		<!-- 引入组件库 -->
<!--		<script src="https://unpkg.zhimg.com/element-ui/lib/index.js"></script>-->
	</head>
	<body>
		<!-- 总框架，里面放导航栏，管理员信息头，操作空间三部分 -->
		<div id="etms-div" class="container-fluid">
			<!-- 导航栏 -->
			<div id="etms-nav">
				<!-- 导航头：蜗壳考试培训管理系统 -->
				<div class="etms-module module-head">
						蜗壳考试培训管理系统
				</div>
				<!-- 导航头 end -->
				<!-- 课程管理 -->
				<div class="etms-module" @click="open(0)">
					<span class="module-text">
						<i style="font-size:24px" class="fa fa-youtube-play fa-fw"></i>&nbsp; 课程管理
					</span>
					<i style="font-size:24px" class="fa fa-angle-up fa-fw"  :style="{transform:course.arrow}"></i>
				</div><!-- 课程管理 end -->	
				<!-- 课程管理菜单 -->
				<div class="module-menus" :style="{display:course.display}">
					<div class="menu-item" onclick="loadHtml(this)" href="cs/courseCategory.html" >课程分类</div>
					<div class="menu-item" onclick="loadHtml(this)" href="cs/courseLibrary.html" >课程库</div>
					<div class="menu-item" onclick="loadHtml(this)" href="cs/coursewareLibrary.html" >课件库</div>
					<div class="menu-item" onclick="loadHtml(this)" href="cs/newCourse.html" >添加课程</div>
					<div class="menu-item" onclick="loadHtml(this)" href="cs/newCourseware.html" >添加课件</div>
					<div class="menu-item" onclick="loadHtml(this)" href="cs/draftBox.html" >草稿箱</div>
				</div>
				<!-- 课程管理菜单 end -->
				<!-- 考试管理 -->
				<div class="etms-module" @click="open(1)">
					<span class="module-text">
						<i style="font-size:24px" class="fa fa-pencil fa-fw"></i>&nbsp; 考试管理
					</span>
					<i style="font-size:24px" class="fa fa-angle-up fa-fw"  :style="{transform:exam.arrow}"></i>
				</div><!-- 考试管理 end -->
				<!-- 考试管理菜单 -->
				<div class="module-menus" :style="{display:exam.display}">
					<div class="menu-item" onclick="loadHtml(this)" href="ex/banktype.html" >题库分类</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/addquestion.html" >试题添加页面</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/questions.html" >试题管理</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/label.html" >试题标签</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/addexam.html" >添加考试</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/examm.html" >考试管理</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/examtype.html" >考试分类</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/addPaper_1.html" >新增试卷</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/listPaper.html" >试卷管理</div>
					<div class="menu-item" onclick="loadHtml(this)" href="ex/listPaperClassification.html" >试卷分类管理</div>
				</div>
				<!-- 考试管理菜单 end -->
				<!-- 学习地图 -->
				<div class="etms-module" @click="open(2)">
					<span class="module-text">
						<i style="font-size:24px" class="fa fa-map-o fa-fw"></i>&nbsp; 学习地图
					</span>
					<i style="font-size:24px" class="fa fa-angle-up fa-fw"  :style="{transform:learnMap.arrow}"></i>
				</div><!-- 学习地图 end -->	
				<!-- 学习地图菜单 -->
				<div class="module-menus" :style="{display:learnMap.display}">
					<div class="menu-item" onclick="loadHtml(this)" href="lm/newLearnMap.html" >新增学习地图</div>
					<div class="menu-item" onclick="loadHtml(this)" href="lm/allLearnMap.html" >查看学习地图</div>
					<div class="menu-item" onclick="loadHtml(this)" href="lm/newRoute.html" >新增路径</div>
					<div class="menu-item" onclick="loadHtml(this)" href="lm/allRoutes.html" >查看路径</div>
					<div class="menu-item" onclick="loadHtml(this)" href="lm/newCertificate.html" >新增证书</div>

				</div>
				<!-- 学习地图菜单 end -->
				<!-- 讲师管理 -->
				<div class="etms-module" @click="open(3)">
					<span class="module-text">
						<i style="font-size:24px" class="fa fa-user fa-fw"></i>&nbsp; 讲师管理
					</span>
					<i style="font-size:24px" class="fa fa-angle-up fa-fw"  :style="{transform:teacher.arrow}"></i>
				</div><!-- 讲师管理 end -->	
				<!-- 讲师管理菜单 -->
				<div class="module-menus" :style="{display:teacher.display}">
					<div class="menu-item" onclick="loadHtml(this)" href="static/main.html" >讲师管理</div>

				</div>
				<!-- 讲师管理菜单 end -->
				<!-- 档案管理 -->
				<div class="etms-module" @click="open(4)">
					<span class="module-text">
						<i style="font-size:24px" class="fa fa-file-text fa-fw"></i>&nbsp; 档案管理
					</span>
					<i style="font-size:24px" class="fa fa-angle-up fa-fw"  :style="{transform:dossier.arrow}"></i>
				</div><!-- 档案管理 end -->	
				<!-- 档案管理菜单 -->
				<div class="module-menus" :style="{display:dossier.display}">
					<div class="menu-item" onclick="loadHtml(this)" href="pf/findprofile.html" >档案信息</div>
					<div class="menu-item" onclick="loadHtml(this)" href="pf/addprofile.html" >增加档案</div>
					<div class="menu-item" onclick="loadHtml(this)" href="pf/updateprofile.html" >修改档案</div>
					<div class="menu-item" onclick="loadHtml(this)" href="pf/findprofilebycondition.html" >查找档案</div>
					<div class="menu-item" onclick="loadHtml(this)" href="pf/schedule.html" >学习进度</div>
					<div class="menu-item" onclick="loadHtml(this)" href="pf/browse.html" >浏览记录</div>
					<div class="menu-item" onclick="loadHtml(this)" href="pf/studyranking.html" >时长排名</div>
					<div class="menu-item" onclick="loadHtml(this)" href="pf/integral.html" >积分记录</div>
					<div class="menu-item" onclick="loadHtml(this)" href="pf/integralranking.html" >积分排名</div>
				</div>
				<!-- 档案管理菜单 end -->
				<!-- 数据统计 -->
				<div class="etms-module" @click="open(5)">
					<span class="module-text">
						<i style="font-size:24px" class="fa fa-bar-chart fa-fw"></i>&nbsp; 数据统计
					</span>
					<i style="font-size:24px" class="fa fa-angle-up fa-fw"  :style="{transform:dataModule.arrow}"></i>
				</div><!-- 数据统计 end -->	
				<!-- 数据统计菜单 -->
				<div class="module-menus" :style="{display:dataModule.display}">
					<div class="menu-item" onclick="loadHtml(this)" href="courseCategory.html" >数据统计</div>
					<div class="menu-item" onclick="loadHtml(this)" href="courseLibrary.html" >数据统计</div>
					<div class="menu-item" onclick="loadHtml(this)" href="coursewareLibrary.html" >数据统计</div>
					<div class="menu-item" onclick="loadHtml(this)" href="newCourse.html" >数据统计</div>
					<div class="menu-item" onclick="loadHtml(this)" href="newCourseware.html" >数据统计</div>
					<div class="menu-item" onclick="loadHtml(this)" href="draftBox.html" >数据统计</div>
				</div>
				<!-- 数据统计菜单 end -->
				
			</div><!-- 导航栏 end -->
			<!-- 信息和操作空间 -->
			<div id="etms-customer">
				<!-- 信息 -->
				<div id="etms-info">
					<div id="admin">
						<div id="admin-avatar"><img src="img/xys.jpg" ></div>
						<div id="admin-aname">管理员01</div>
					</div>
					<div class="info-item"><i class="fa fa-bell-o fa-1x"></i></div>
					<div class="info-item"><i class="fa fa-search fa-1x"></i></div>
				</div><!-- 信息 end -->	
				<!-- 操作空间（由导航栏链接动态加载） -->
				<iframe id="etms-workspace" >
					<p style="font-size: 30px;color: #0069d9;">欢迎来到蜗壳后台管理系统</p>
				</iframe><!-- 操作空间 end -->
			</div><!-- 信息和操作空间 end -->
		</div><!-- 总框架 end -->

		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/axios.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
			function loadHtml(element) {
				$("#etms-workspace").attr("src",$(element).attr("href"));
			}
		</script>
	</body>
</html>
